<div class="top">
	<div class="gradient"></div>
	<div class="white"></div>
	<div class="shadow"></div>
</div>
<div class="content">
	<h1>
        PT. Akses Citra Kharisma Studio
	</h1>
	<div class="background"></div>
	<div class="wrapper">
        <div class="box">
			<?php echo $this->flash_message->show_all();?>
			<div class="header grey">
				<img src="<?= base_url() ?>img/icons/packs/fugue/16x16/lock.png" width="16" height="16" alt="Image" />
				<h3>
					Login
				</h3>
			</div>
			<form method="post" action="<?= base_url() ?>login/proses">
				<div class="content no-padding">
					<div class="section _100">
						<label>Username</label>
						<div>
							<input name="username" class="required" />
						</div>
					</div>
					<div class="section _100">
						<label>Password</label>
						<div>
							<input name="password" type="password" class="required" />
						</div>
					</div>
				</div>
				<div class="actions">
					<div class="actions-right">
						<input name="submit" type="submit" value="Login" />
					</div>
				</div>
			</form>
        </div>
        <div class="shadow"></div>
	</div>
</div>
<script src='<?= base_url() ?>/js/009eff1.js' type="text/javascript">
</script>

<script type="text/javascript">
	//<![CDATA[
    $(window).load(function () {
		var a = $("form").validate({
			invalidHandler: function (d, b) {
				var e = b.numberOfInvalids();
				if (e) {
					var c = e == 1 ? "Anda hanya mengisi 1 field, field kosong telah ditandai" : "Anda tidak mengisi " + e + " fields. Field tersebut telah ditandai.";
					$(".box .content").removeAlertBoxes();
					$(".box .content").alertBox(c, {
						type: "warning",
						icon: true,
						noMargin: false
					});
					$(".box .content .alert").css({
						width: "",
						margin: "0",
						borderLeft: "none",
						borderRight: "none",
						borderRadius: 0
					})
				} else {
					$(".box .content").removeAlertBoxes()
				}
			},
			showErrors: function (c, d) {
				this.defaultShowErrors();
				var b = this;
				$.each(d, function () {
					var f = $(this.element);
					var e = f.parent().find("label.error").hide();
					e.addClass("red");
					e.css("width", "");
					f.trigger("labeled");
					e.fadeIn()
				})
			},
			submitHandler: function (b) {
				$("form").submit();
			}
		})
	});
    //]]>
</script>
<!--[if lt IE 7 ]>
	<script defer src="<?= site_url("js/CFInstall_min.js")?>"></script>
	<script defer>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})});</script>
<![endif]-->
